import React, { useEffect, useRef, useState } from "react";
import { Button } from "antd-mobile";
import classnames from "classnames";
import * as gtag from '@/libs/gtag'

const pageName = "rule";
const klassName = pageName.replace(/\./g, '-');

export default function RuleComp({ pos }) {

  const [rule, setRule] = useState(undefined);

  useEffect(() => {
    gtag.event({
      action: 'rule_view',
      label: `查看规则`,
    })
  }, [])

  return (
    <div className={classnames(`cp-${klassName}`)} onScroll={() => {
      console.log('scrolle')
    }}>


      <div className="inner cp-modal-content" >
        {
          rule ?
            <>{rule}</>
            :
            <>
              {/*<h2 className="header">*/}

              {/*</h2>*/}

              {/* <div className="title">
                活动时间：
              </div>
              <p>
                2023年7月19日-7月21日
              </p>
              <div className="title">
                活动对象：
              </div>
              <p>
                引力域注册用户
              </p> */}
              <div className="title">活动时间：</div>
              <p>
                11.20日 - 11.26日
              </p>
              <div className="title">
                活动内容：
              </div>
              <p>
                活动内容：接物小游戏。装满我的智电iDD，不同的商品从空中掉落，玩家通过左右移动UNI智电iDD接掉落的物品。<br />
                掉落的物品分为加积分和减积分两种，加积分的物品分别为食物+5、日用百货+5，减积分的物品为炸弹，若在接物中接到掉落的炸弹，则会扣除10积分，游戏过程会有随机U币掉落（随机获得10-200U币，共计发放100W U币，先到先得）。<br />
                活动结束后，根据智电积分榜单获取奖励。每一轮游戏有25S（掉落物品的速度随着时间的递减而逐渐加快）。<br />
                一天一人可免费玩2次，邀请一名新用户（非加入过智电iDD其他社群的新用户）加入社群可解锁第三次机会，邀请三名新用户加入社群可解锁第四次机会，邀请五名新用户加入社群可解锁第五次机会，一天最多解锁至第五次机会（在活动期内，每天可重新邀请新人解锁机会）。<br />
                {/* <br /> */}
                活动期间，用户每日参与游戏积累智电积分，抢占活动【智电积分榜】，排行TOP30获得礼品奖励，奖励设置如下：
              </p>
              <div className="title">
                智电积分排名-奖励：
              </div>
              <p>
                1-5名：300元文化宣传品
                <br />
                6-10名：200元权益包
                <br />
                11-20名：奶茶券
                <br />
                21-30名：200U币
              </p>
              <p>
                *【智物积分榜】将于11月27日0点自动锁定，榜单奖励可于我的奖品页面查看
              </p>

              <p>
                为了向您提供更优质的服务，我们与友盟+在内的第三方数据服务商合作预测您的特征偏好。为了保障您的数据安全，该种预测以指数分值的方式提供，数据分析在严格去标识化安全措施前提下进行
              </p>
              {/* <div className="title">
                活动奖品：
              </div>
              <p>
                  UNI篮球7号、海量U币（最高1999U币）
              </p>

              <div className="title">
                奖品兑换规则：
              </div>
              <p>
                ① UNI篮球7号：活动结束后7个工作日内，系统将为中奖用户发放对应奖品的商城代金券，请中奖用户及时领取代金券，并在代金券有效期内并前往UNI商城兑换对应奖品，逾期代金券作废；<br />
                ② 代金券查看路径：【引力域APP/小程序】-【我的】-【代金券】;<br/>
                ③ U币奖励：U币奖励为系统实时到账，用户可前往【我的U币】查看U币到账情况。
              </p>

              <div className="title">
                注意事项：
              </div>
              <p>
              ①代金券需及时领取和兑换，代金券发放后超过兑换期限未兑换，则视为自动放弃该奖品；<br/>
              ②实物奖品具体发货时间以UNI商城时间为准；如果中奖用户收到的奖品出现质量问题（非质量问题不退换），可及时与小U沟通反馈，官方将为您妥善解决;<br/>
              ③游戏期间，中途退出游戏可能会导致投篮时间变化，无法补偿抽奖机会，请不要中途退出游戏。<br/>
              </p>

              <div className="title">
                活动说明：
              </div>
              <p>
              活动期间，若用户出现违规行为（如利用黑客工具、软件作弊等），引力域有权取消用户参与资格并收回已发放奖品。
              </p> */}
            </>
        }
      </div>
    </div>
  )
}

